<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/share/swiper.3.1.2.min.css" />
		<link href="../css/share/common.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/share/circleCommon.css" />
		<link href="../css/shopping/market.css" rel="stylesheet" />
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/swiper.3.1.2.min.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
	</head>

	<body id="main">
		<header class="mui-bar mui-bar-nav head">
			
			<a id="info" class="mui-pull-right" style="color: #999;">
				<img src="../image/shopping/marketcheck2.png" id="checkin" onclick="check()" />
			</a>
			<h1 class="mui-title">首页</h1>
		</header>
		<div class="mui-content ">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide" v-for="banner in banners">
						<img src="../image/placeholder.png" data-echo={{banner}} onload="proloadImg(this)" />
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<ul class="meau clearfix">
				<div id="meau">
					<li>
						<img src="../image/placeholder1.png">
						<div class="meau-name">购物指南</div>
					</li>
					<li>
						<img src="../image/placeholder1.png">
						<div class="meau-name">购物指南</div>
					</li>
					<li>
						<img src="../image/placeholder1.png">
						<div class="meau-name">购物指南</div>
					</li>
					<li>
						<img src="../image/placeholder1.png">
						<div class="meau-name">购物指南</div>
					</li>
				</div>
				<li v-for="type in typelist" v-on:click="openType(type)">
					<img src={{type.icon}}>
					<div class="meau-name">{{type.name}}</div>
				</li>
			</ul>

			<!--
            	作者：619667149@qq.com
            	时间：2016-05-17
            	描述：店铺推荐
            -->
			<div class="shop">
				<div class="market-title">店铺推荐</div>
				<div class="shop-logo">
					<div id="shopno">^o^暂无推荐哦…</div>
					<a v-for="shop in shoplist" v-on:click="openShop(shop)">
						<div class="shopimg" v-bind:style="{width:shoppic.picW,height:shoppic.picW}"><img src="../image/placeholder1.png" data-echo={{shop.logoImage+"@"+shoppic.picW+"W"}} onload="proloadImg(this)"></div>
						<div class="shop-name texthidden" v-bind:style="{width:shoppic.picW}">{{shop.shopName}}</div>
					</a>
				</div>
			</div>
			<img class="adimage" src={{pictureAd}} onload="proloadImg(this)" data-echo={{pictureAd}} />
			<div class="product" style="margin-top: 0px;">
				<div class="market-title" style="border-bottom: 1px solid #E9E9E9;">特价商品</div>
				<div class="product-list">
					<div id="procuct" style="margin-right: 0px;">商场暂无特价商品</div>
					<ul class="list clearfix" v-for="product in products">
						<li v-for="good in product" v-on:click="openProduct(good)">
							<div class="list-img pull_left"><img src="../image/placeholder1.png" data-echo={{good.picture+"@60W"}} onload="proloadImg(this)"></div>
							<div class="list-content">
								<div class="list-content-name texthidden">{{good.name}}</div>
								<div class="list-content-price">￥{{good.nowPrice}}</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="maket-recommed" id="mycircle">
				<div class="market-title">
					我的关注
				</div>
				<ul class="mycirclelist">
					<li class="clearfix" v-for="circle in myCircles" v-on:click="opencircle(circle.userId,circle.circleName,circle.groupId,circle.circleId)">
						<div class="pull_left mycircle-img">
							<img data-echo={{circle.shopLogo+"@78W"}} src="../image/placeholder1.png" onerror='this.src="../image/small.png"' onload="proloadImg(this)" />
						</div>
						<div class="mycircle-content">
							<div class="mycircle-name texthidden">{{circle.shopName}}</div>
							<div class="mycircle-action">
								{{circle.floor}} <span class="action action1" v-show="circle.discountFlag">惠</span>
									<span class="action action2" v-show="circle.promotionFlag">促</span>
								<a class="mui-icon mui-icon-info-filled" v-on:click="openGuan(circle.userId,circle.huanIMGroupId)"></a>
							</div>
							<div class="mycircle-fans">粉丝数:{{circle.fansCount}}</div>
						</div>
					</li>
				</ul>
				<div id="noattion">没有关注哦！</div>
			</div>
			<div class="checkInSuccess animated hideout" id="success">
				+1
				<br> 签到成功!
			</div>
		</div>
	</body>

	<script src="../js/vue.min.js"></script>
	<script src="../js/vue-resource.min.js"></script>
	<script src="../js/md5.js"></script>
	<script src="../js/localData.js"></script>
	<script src="../js/request.js"></script>
	<script src="../script/homeMarket.js"></script>

</html>